<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>心灵影院</title>
    <meta name="description" content="MSUI: Build mobile apps with simple HTML, CSS, and JS components.">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <meta name="referrer" content="never">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">


    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>


<style type="text/css">

    .theme-dark{background-color:#1f242e}
.search-input{position: relative;margin:.5rem}
.search-input input{box-sizing: border-box;
    width: 100%;
    height: 1.4rem;
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1rem;
    font-family: inherit;
    color: #3d4145;
    font-size: .7rem;
    font-weight: 400;
    padding: 0 .5rem;
    background-color: #14171e;}
.list-block{font-size: .85rem;margin: .1rem 0;}
.list-block.theme-dark ul, .theme-dark .list-block ul{background-color: #181b20}
.list-block.theme-dark ul:before, .theme-dark .list-block ul:before{background-color: #010101}
.list-block .item-media{display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: .35rem;
    padding-bottom: .01rem}
.list-block.theme-dark ul:after, .theme-dark .list-block ul:after{background-color: #010101}
.theme-dark .item-inner:after, .theme-dark .list-block ul ul li:last-child .item-inner:after{background-color: #010101}
.content-block-title{position: relative;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .9rem;
    text-transform: uppercase;
    line-height: 1;
    color: #6d6d72;
    margin: .8rem .75rem .5rem;}
.bar-nav.theme-dark:before, .bar-tab.theme-dark:before, .theme-dark .bar-nav:before, .theme-dark .bar-tab:before{background-color: #010101}
.theme-dark .card{background-color:#1f242e;}
.color-gray{
    color:#ffffff;font-size: 1rem}
.page.theme-dark, .panel.theme-dark, .theme-dark .content, .theme-dark .login-screen-content, .theme-dark .page, .theme-dark .panel{
    color: #4d5b72;}
.card{margin: .5rem;
    position: relative;
    border-radius: .1rem;
    font-size: .7rem}
.card-header .card-cover{display: block}

.button{
    height: 2.5rem;
    font-size: 1rem;

}
.button.button-fill{
    line-height: 2.5rem;
    color: #000000;
    background-color:#f9d13f ;
    /*letter-spacing:1rem;*/
}
</style>

</head>
<body class="theme-dark">
    <div class="page-group">
        <nav class="bar bar-tab">
            <a class="tab-item external" href="/recommend">
                <span class="icon icon-home"></span>
                <span class="tab-label">推荐</span>
            </a>
            <a class="tab-item external " href="/movieIndex">
                <span class="icon icon-computer"></span>
                <span class="tab-label">看片</span>
            </a>
            <a class="tab-item external active" href="#">
                <span class="icon icon-me"></span>
                <span class="tab-label">我的</span>
                <!--<span class="badge">2</span>-->
            </a>

        </nav>
        <div class="content">
            <div class="search-input">
                <label class="icon icon-search" for="search"></label>
                <input onclick="GotoSearch()"  type="search" id='search' placeholder='搜索你要的影片名'/>
            </div>

            <div class="list-block">
                <ul id="ul_login" style="display: none">
                    <li class="item-content item-link"  >
                        <div class="item-media"><i class="icon icon-f7">
                            <img id="user_photo"
                                 src="http://101.201.122.79:8083/Images/upload/defalut/user_defalut.png" width="88px"></i></div>
                        <div class="item-inner">
                            <div class="item-title"  id="user_name">未登录</div>
                            <div class="item-after"><i></i></div>
                        </div>
                    </li>

                    <li id="li_loginout">
                        <p><a href="javascript:LoginOut()"
                              class="button button-fill button-success">退
                            &nbsp;&nbsp;&nbsp;&nbsp;出 </a></p>
                    </li>
                </ul>

                <ul  id="ul_nologin">
                    <li class="item-content item-link" onclick="goToLogin();">
                        <div class="item-media"><i class="icon icon-f7">
                            <img
                                    src="http://101.201.122.79:8083/Images/upload/defalut/user_defalut.png" width="88px"></i></div>
                        <div class="item-inner">
                            <div class="item-title" >未登录</div>
                            <div class="item-after"><i></i></div>
                        </div>
                    </li>
                    <li id="li_login">
                        <p><a href="/login" class="button button-fill button-success">登
                            &nbsp;&nbsp;&nbsp;&nbsp;录 </a></p>
                    </li>
                    <li id="li_reg">
                        <p><a href="/register" class="button button-fill button-success">注
                            &nbsp;&nbsp;&nbsp;&nbsp;册 </a></p>
                    </li>

                </ul>

            </div>

        </div>

    </div>
</div>

</body>
<script type='text/javascript' src='/js/mortise/comm.js' charset='utf-8'></script>
<script>
    //userbaseinfo
    if ('${loginstate}'=='login'){
        $('#ul_login').show();
        $('#ul_nologin').hide();

        $('#user_photo').attr('href','${userbaseinfo.fPhoto!}');
        $('#user_name').html('${userbaseinfo.fUsername!}');
        //设置信息
    }
    else{
        $('#ul_login').hide();
        $('#ul_nologin').show();

    }

    function goToLogin() {
        window.location.href='/login'
    }

</script>
</html>